body{
	background-color:#42acf6;
	margin: 0;
	min-width: 980px;
  /* fallback 
  background-color: #42acf6;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. 
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#42acf6));
  /* Safari 5.1+, Chrome 10+ 
  background: -webkit-radial-gradient(circle, #fff, #42acf6);
  /* Firefox 3.6+ 
  background: -moz-radial-gradient(circle, #fff, #42acf6);
  /* IE 10 
  background: -ms-radial-gradient(circle, #fff, #42acf6);
  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */

}
header{	
	margin: 0 auto;
	width: 906px;
	height: 120px;
}

header img{	
	
	margin-top: 50px;
	float: left;	
}
img{
  border: none;  
}

#wrap-content{		
    background-color: #42acf6;
}
nav{
	float: left;
	width: 450px;
	padding-left: 50px;
	padding-top: 40px;
}

nav ul {
    padding: 0px;  
    clear: right; 
    padding-left: 4px;  
}

nav ul li {
    display: inline; 
    padding: 0px 13px 5px 13px; 
   
}
.last-Li{

	

}

nav ul li a {
    text-decoration: none;
    font-size: 16px;

    color: white;
    font-family: eigth-bit,consolas;
}

nav ul li a:hover {
    color: #41fffd;
}
hr.horizontal{

  height: 2px;
  border: 0;
  background-color: #4698C3;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#42ACF6), to(#42ACF6), color-stop(50%, #acddff));
  background-image: -webkit-linear-gradient(left, #42ACF6, #acddff, #42ACF6);
  background-image: -moz-linear-gradient(left, #42ACF6, #acddff, #42ACF6);
  background-image: -ms-linear-gradient(left, #42ACF6, #acddff, #42ACF6);
  background-image: -o-linear-gradient(left, #42ACF6, #acddff, #42ACF6);
    }
hr.horizontal::after {
  content: '';
  display: block;
  height: 1px;
  background-color: #42ACF6;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#42ACF6), to(#42ACF6), color-stop(50%, #4698C3));
  background-image: -webkit-linear-gradient(left, #42ACF6, #4698C3, #42ACF6);
  background-image: -moz-linear-gradient(left, #42ACF6, #4698C3, #42ACF6);
  background-image: -ms-linear-gradient(left, #42ACF6, #4698C3, #42ACF6);
  background-image: -o-linear-gradient(left, #42ACF6, #4698C3, #42ACF6);
}

div.yellow-image{
  background-color:#ffe56e;
  height: 380px; 
  border-top: 2px solid #cbb035;
  border-bottom: 1px solid #89ceff;
  background-color: #42acf6;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#ffe56e));  
  background: -webkit-radial-gradient(circle, #fff, #ffe56e);  
  background: -moz-radial-gradient(circle, #fff, #ffe56e);
  background: -ms-radial-gradient(circle, #fff, #ffe56e);
  background-color:#ffe56e;
}

div.white-image{

	background-color: #f3f3f3;
	height: 370px;
	width: 906px;  
	margin:0 auto 0 auto;
	text-align:center;
  border-radius: 10px 9px 10px 10px;
  -moz-border-radius: 10px 9px 10px 10px;
  -webkit-border-radius: 10px 9px 10px 10px;
  border: 2px solid white;
  margin-top: 2px;
  -webkit-box-shadow: -4px 4px 6px #cbb035;
  -moz-box-shadow:    -4px 4px 6px #cbb035;
  box-shadow:         -4px 4px 6px #cbb035;

}
div.white-image img{
	
	
}
#main-image{

  height: 350px;
  width: 854px;  
  margin:0 auto 0 auto;
  text-align:center;
  margin-top: 20px;
  -webkit-box-shadow: -4px 4px 6px rgba(166, 166, 166, 1);
  -moz-box-shadow:    -4px 4px 6px rgba(166, 166, 166, 1);
  box-shadow:         -4px 4px 6px rgba(166, 166, 166, 1);
}

.information{
  width: 904px;
  height: 300px;  
  margin:0 auto 0 auto;

}
.section-x{
float: left;
width: 285px;
height: 200px;
margin-right: 11px;

border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;

}
.more-information{
float: left;
width: 285px;
height: 200px;

border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;

}

.section-x h3{
  background-color: black;
  font-family: eigth-bit,consolas;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0px 0px 0px; 
  height: 25px;
  color: #FF1769;
}

.effect{
  -webkit-box-shadow:  -4px 4px 6px #336b93;
     -moz-box-shadow:  -4px 4px 6px #336b93;
          box-shadow:  -4px 4px 6px #336b93;
}
p{
text-decoration: none;
    font-size: 16px;
    color: white;
    font-family:candara,consolas;
    padding: 0px 20px 0px 20px;

}

footer{
	text-decoration: none;
    font-size: 15px;
    background:  transparent url("../images/foter.png");	 
    font-family: consolas;
    height: 200px;
}

footer p{
	margin:0 auto 0 auto;
	text-align:center;
	padding-top: 180px;
  color: #42acf6;
}